{{! Testimonials typed here, or "This project's" (ADR 0168): the client testimonial of the project whose page it is fills the list (query fills items); it can't be typed on the canvas, and visitors see nothing when there is none. Designs (ADR 0184): Cards (with titles, the quote mark on each, by the heading or none, speech bubbles, lines between), Big photo, Spotlight (the heading over a colored panel with the name, the photo, the words; one grid shared by the heading and the moving row) and Photo cards (a card opens while pointed at, focused or tapped: its radio button over the photo; CSS only). }}
<div {{@attrs}}>{{#fromProject}}{{^ready}}{{@placeholder loading-projects}}{{/ready}}{{#ready}}{{^items}}{{#onProject}}{{@placeholder project-testimonial}}{{/onProject}}{{^onProject}}{{@placeholder project-testimonial-page}}{{/onProject}}{{/items}}{{/ready}}{{/fromProject}}{{#showContent}}{{^spotDesign}}{{#head}}<div class="sv-sectionhead sv-sectionhead--{{headingAlign}}{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}{{#markHead}} sv-testimonials__head-marked{{/markHead}}">{{#markHead}}<span class="sv-testimonials__head-mark" aria-hidden="true"></span>{{/markHead}}{{#eyebrow}}<p class="sv-sectionhead__eyebrow"{{@edit eyebrow}}>{{eyebrow}}</p>{{/eyebrow}}{{#heading}}<h2 class="sv-sectionhead__title"{{@edit heading}}>{{{heading}}}</h2>{{/heading}}{{#intro}}<p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p>{{/intro}}</div>{{/head}}{{/spotDesign}}{{#cardsDesign}}{{#overflow}}<div class="sv-carousel sv-carousel--nav-{{#carouselNav}}{{carouselNav}}{{/carouselNav}}{{^carouselNav}}dots{{/carouselNav}}" data-sv-carousel data-sv-autoplay="6"><div class="sv-carousel__track">{{/overflow}}{{#items}}{{^personUnder}}<figure class="sv-testimonials__item{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}} sv-round-{{corners}}{{/style}}{{#hover}} sv-cardhover-{{hover}}{{/hover}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}>{{#logo.url}}<img class="sv-testimonials__logo wp-image-{{logo.id}}" src="{{logo.url}}" alt="{{logo.alt}}"{{#logo.width}} width="{{logo.width}}" height="{{logo.height}}"{{/logo.width}} loading="lazy" decoding="async">{{/logo.url}}{{^logo.url}}{{#markEach}}<span class="sv-testimonials__mark" aria-hidden="true"></span>{{/markEach}}{{/logo.url}}{{#showRating}}<span class="sv-rating sv-rating--{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}} sv-rating--size-{{ratingSize}}" role="img" aria-label="{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}}/5"><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg></span>{{/showRating}}{{#title}}<h3 class="sv-testimonials__title"{{^fromProject}}{{@edit items.title}}{{/fromProject}}>{{{title}}}</h3>{{/title}}<blockquote class="sv-testimonials__quote"><p{{^fromProject}}{{@edit items.quote}}{{/fromProject}}>{{quote}}</p></blockquote><figcaption class="sv-testimonials__person">{{#avatar.url}}<img class="sv-testimonials__avatar wp-image-{{avatar.id}}" src="{{avatar.url}}" alt="" width="48" height="48" loading="lazy" decoding="async">{{/avatar.url}}<span class="sv-testimonials__who"><span class="sv-testimonials__name"{{^fromProject}}{{@edit items.name}}{{/fromProject}}>{{name}}</span>{{#verified}}<svg class="sv-testimonials__verified" viewBox="0 0 24 24" role="img" aria-label="{{verifiedLabel}}" focusable="false"><path fill-rule="evenodd" d="M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>{{/verified}}{{#role}}<span class="sv-testimonials__role"{{^fromProject}}{{@edit items.role}}{{/fromProject}}>{{role}}</span>{{/role}}</span></figcaption></figure>{{/personUnder}}{{#personUnder}}<figure class="sv-testimonials__item sv-testimonials__item--under"><div class="sv-testimonials__bubble sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}} sv-round-{{corners}}{{#hover}} sv-cardhover-{{hover}}{{/hover}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}>{{#logo.url}}<img class="sv-testimonials__logo wp-image-{{logo.id}}" src="{{logo.url}}" alt="{{logo.alt}}"{{#logo.width}} width="{{logo.width}}" height="{{logo.height}}"{{/logo.width}} loading="lazy" decoding="async">{{/logo.url}}{{^logo.url}}{{#markEach}}<span class="sv-testimonials__mark" aria-hidden="true"></span>{{/markEach}}{{/logo.url}}{{#title}}<h3 class="sv-testimonials__title"{{^fromProject}}{{@edit items.title}}{{/fromProject}}>{{{title}}}</h3>{{/title}}<blockquote class="sv-testimonials__quote"><p{{^fromProject}}{{@edit items.quote}}{{/fromProject}}>{{quote}}</p></blockquote>{{#showRating}}<span class="sv-rating sv-rating--{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}} sv-rating--size-{{ratingSize}}" role="img" aria-label="{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}}/5"><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg></span>{{/showRating}}</div><figcaption class="sv-testimonials__person">{{#avatar.url}}<img class="sv-testimonials__avatar wp-image-{{avatar.id}}" src="{{avatar.url}}" alt="" width="48" height="48" loading="lazy" decoding="async">{{/avatar.url}}<span class="sv-testimonials__who"><span class="sv-testimonials__name"{{^fromProject}}{{@edit items.name}}{{/fromProject}}>{{name}}</span>{{#verified}}<svg class="sv-testimonials__verified" viewBox="0 0 24 24" role="img" aria-label="{{verifiedLabel}}" focusable="false"><path fill-rule="evenodd" d="M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>{{/verified}}{{#role}}<span class="sv-testimonials__role"{{^fromProject}}{{@edit items.role}}{{/fromProject}}>{{role}}</span>{{/role}}</span></figcaption></figure>{{/personUnder}}{{/items}}{{#overflow}}</div>{{#cardArrows}}<button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{prevLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{nextLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button>{{/cardArrows}}</div>{{/overflow}}{{/cardsDesign}}{{#photoDesign}}<div class="sv-carousel sv-carousel--nav-{{#carouselNav}}{{carouselNav}}{{/carouselNav}}{{^carouselNav}}arrows{{/carouselNav}} sv-testimonials__slider sv-testimonials__slider--{{photoSide}} sv-testimonials__slider--corners-{{photoCorners}}" data-sv-carousel><div class="sv-carousel__track">{{#items}}<figure class="sv-testimonials__item sv-testimonials__slide{{^wordsCard}}{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}} sv-round-{{corners}}{{/style}}{{#hover}} sv-cardhover-{{hover}}{{/hover}}{{/wordsCard}}"{{^wordsCard}}{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}{{/wordsCard}}><div class="sv-testimonials__body{{#wordsCard}} sv-testimonials__body--card sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}} sv-round-{{corners}}{{#hover}} sv-cardhover-{{hover}}{{/hover}}{{/wordsCard}}"{{#wordsCard}}{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}{{/wordsCard}}>{{#logo.url}}<img class="sv-testimonials__logo wp-image-{{logo.id}}" src="{{logo.url}}" alt="{{logo.alt}}"{{#logo.width}} width="{{logo.width}}" height="{{logo.height}}"{{/logo.width}} loading="lazy" decoding="async">{{/logo.url}}{{#title}}<h3 class="sv-testimonials__title"{{^fromProject}}{{@edit items.title}}{{/fromProject}}>{{{title}}}</h3>{{/title}}<blockquote class="sv-testimonials__quote"><p{{^fromProject}}{{@edit items.quote}}{{/fromProject}}>{{quote}}</p></blockquote><figcaption class="sv-testimonials__person"><span class="sv-testimonials__who"><span class="sv-testimonials__name"{{^fromProject}}{{@edit items.name}}{{/fromProject}}>{{name}}</span>{{#verified}}<svg class="sv-testimonials__verified" viewBox="0 0 24 24" role="img" aria-label="{{verifiedLabel}}" focusable="false"><path fill-rule="evenodd" d="M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>{{/verified}}{{#role}}<span class="sv-testimonials__role"{{^fromProject}}{{@edit items.role}}{{/fromProject}}>{{role}}</span>{{/role}}</span>{{#showRating}}<span class="sv-rating sv-rating--{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}} sv-rating--size-{{ratingSize}}" role="img" aria-label="{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}}/5"><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg></span>{{/showRating}}</figcaption></div>{{#photo.url}}<div class="sv-testimonials__photo"><img class="sv-testimonials__photo-img wp-image-{{photo.id}}" src="{{photo.url}}" alt=""{{#photo.width}} width="{{photo.width}}" height="{{photo.height}}"{{/photo.width}} loading="lazy" decoding="async"></div>{{/photo.url}}{{^photo.url}}{{#avatar.url}}<div class="sv-testimonials__photo"><img class="sv-testimonials__photo-img wp-image-{{avatar.id}}" src="{{avatar.url}}" alt=""{{#avatar.width}} width="{{avatar.width}}" height="{{avatar.height}}"{{/avatar.width}} loading="lazy" decoding="async"></div>{{/avatar.url}}{{^avatar.url}}{{@placeholder items.photo}}{{/avatar.url}}{{/photo.url}}</figure>{{/items}}</div><button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{prevLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{nextLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button></div>{{/photoDesign}}{{#spotDesign}}<div class="sv-testimonials__spot">{{#head}}<div class="sv-sectionhead sv-testimonials__spot-head{{#headingSize}} sv-sectionhead--size-{{headingSize}}{{/headingSize}}{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}}{{/style}}">{{#eyebrow}}<p class="sv-sectionhead__eyebrow"{{@edit eyebrow}}>{{eyebrow}}</p>{{/eyebrow}}{{#heading}}<h2 class="sv-sectionhead__title"{{@edit heading}}>{{{heading}}}</h2>{{/heading}}{{#intro}}<p class="sv-sectionhead__text"{{@edit intro}}>{{intro}}</p>{{/intro}}</div>{{/head}}<div class="sv-carousel sv-carousel--nav-{{#carouselNav}}{{carouselNav}}{{/carouselNav}}{{^carouselNav}}below-end{{/carouselNav}} sv-testimonials__spotlight" data-sv-carousel><div class="sv-carousel__track sv-round-{{corners}}">{{#items}}<figure class="sv-testimonials__spot-slide"><figcaption class="sv-testimonials__panel{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}}{{/style}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}><span class="sv-testimonials__spot-who"><span class="sv-testimonials__panel-mark" aria-hidden="true"></span><span class="sv-testimonials__spot-name"><span class="sv-testimonials__name"{{^fromProject}}{{@edit items.name}}{{/fromProject}}>{{name}}</span>{{#verified}}<svg class="sv-testimonials__verified" viewBox="0 0 24 24" role="img" aria-label="{{verifiedLabel}}" focusable="false"><path fill-rule="evenodd" d="M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>{{/verified}}</span>{{#role}}<span class="sv-testimonials__role"{{^fromProject}}{{@edit items.role}}{{/fromProject}}>{{role}}</span>{{/role}}</span></figcaption>{{#photo.url}}<div class="sv-testimonials__photo"><img class="sv-testimonials__photo-img wp-image-{{photo.id}}" src="{{photo.url}}" alt=""{{#photo.width}} width="{{photo.width}}" height="{{photo.height}}"{{/photo.width}} loading="lazy" decoding="async"></div>{{/photo.url}}{{^photo.url}}{{#avatar.url}}<div class="sv-testimonials__photo"><img class="sv-testimonials__photo-img wp-image-{{avatar.id}}" src="{{avatar.url}}" alt=""{{#avatar.width}} width="{{avatar.width}}" height="{{avatar.height}}"{{/avatar.width}} loading="lazy" decoding="async"></div>{{/avatar.url}}{{^avatar.url}}{{@placeholder items.photo}}{{/avatar.url}}{{/photo.url}}<div class="sv-testimonials__spot-words">{{#logo.url}}<img class="sv-testimonials__logo wp-image-{{logo.id}}" src="{{logo.url}}" alt="{{logo.alt}}"{{#logo.width}} width="{{logo.width}}" height="{{logo.height}}"{{/logo.width}} loading="lazy" decoding="async">{{/logo.url}}{{#title}}<h3 class="sv-testimonials__title"{{^fromProject}}{{@edit items.title}}{{/fromProject}}>{{{title}}}</h3>{{/title}}<blockquote class="sv-testimonials__quote"><p{{^fromProject}}{{@edit items.quote}}{{/fromProject}}>{{quote}}</p></blockquote>{{#showRating}}<span class="sv-rating sv-rating--{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}} sv-rating--size-{{ratingSize}}" role="img" aria-label="{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}}/5"><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg></span>{{/showRating}}</div></figure>{{/items}}</div><button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{prevLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{nextLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button></div></div>{{/spotDesign}}{{#photoCards}}<div class="sv-carousel sv-carousel--nav-{{#carouselNav}}{{carouselNav}}{{/carouselNav}}{{^carouselNav}}line{{/carouselNav}} sv-testimonials__cards" data-sv-carousel><div class="sv-carousel__track">{{#items}}<figure class="sv-testimonials__pcard"><div class="sv-testimonials__media sv-round-{{corners}}"><input class="sv-testimonials__choose" type="radio" name="sv-{{@id}}-open" aria-labelledby="sv-{{@id}}-{{id}}">{{#photo.url}}<img class="sv-testimonials__media-img wp-image-{{photo.id}}" src="{{photo.url}}" alt=""{{#photo.width}} width="{{photo.width}}" height="{{photo.height}}"{{/photo.width}} loading="lazy" decoding="async">{{/photo.url}}{{^photo.url}}{{#avatar.url}}<img class="sv-testimonials__media-img wp-image-{{avatar.id}}" src="{{avatar.url}}" alt=""{{#avatar.width}} width="{{avatar.width}}" height="{{avatar.height}}"{{/avatar.width}} loading="lazy" decoding="async">{{/avatar.url}}{{^avatar.url}}{{@placeholder items.photo}}{{/avatar.url}}{{/photo.url}}<span class="sv-testimonials__tap" aria-hidden="true"></span></div><div class="sv-testimonials__open-card{{#style}} sv-card-{{style}}{{#styleCustom}} sv-card-custom{{/styleCustom}}{{/style}} sv-round-{{corners}}"{{#styleCustom}} style="--sv-custom-card:{{styleCustom}}"{{/styleCustom}}>{{#showRating}}<span class="sv-rating sv-rating--{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}} sv-rating--size-{{ratingSize}}" role="img" aria-label="{{#rating}}{{rating}}{{/rating}}{{^rating}}5{{/rating}}/5"><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg><svg class="sv-rating__star" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2.5l2.9 5.9 6.5.9-4.7 4.6 1.1 6.5L12 17.3l-5.8 3.1 1.1-6.5L2.6 9.3l6.5-.9z"/></svg></span>{{/showRating}}{{#logo.url}}<img class="sv-testimonials__logo wp-image-{{logo.id}}" src="{{logo.url}}" alt="{{logo.alt}}"{{#logo.width}} width="{{logo.width}}" height="{{logo.height}}"{{/logo.width}} loading="lazy" decoding="async">{{/logo.url}}{{#title}}<h3 class="sv-testimonials__title"{{^fromProject}}{{@edit items.title}}{{/fromProject}}>{{{title}}}</h3>{{/title}}<blockquote class="sv-testimonials__quote"><p{{^fromProject}}{{@edit items.quote}}{{/fromProject}}>{{quote}}</p></blockquote><div class="sv-testimonials__person">{{#avatar.url}}<img class="sv-testimonials__avatar wp-image-{{avatar.id}}" src="{{avatar.url}}" alt="" width="48" height="48" loading="lazy" decoding="async">{{/avatar.url}}{{^avatar.url}}{{#photo.url}}<img class="sv-testimonials__avatar wp-image-{{photo.id}}" src="{{photo.url}}" alt="" width="48" height="48" loading="lazy" decoding="async">{{/photo.url}}{{/avatar.url}}<span class="sv-testimonials__who"><span class="sv-testimonials__name"{{^fromProject}}{{@edit items.name}}{{/fromProject}}>{{name}}</span>{{#verified}}<svg class="sv-testimonials__verified" viewBox="0 0 24 24" role="img" aria-label="{{verifiedLabel}}" focusable="false"><path fill-rule="evenodd" d="M23 12l-2.44-2.79.34-3.69-3.61-.82-1.89-3.2L12 2.96 8.6 1.5 6.71 4.69 3.1 5.5l.34 3.7L1 12l2.44 2.79-.34 3.7 3.61.82L8.6 22.5l3.4-1.47 3.4 1.46 1.89-3.19 3.61-.82-.34-3.69L23 12zm-12.91 4.72l-3.8-3.81 1.48-1.48 2.32 2.33 5.85-5.87 1.48 1.48-7.33 7.35z"/></svg>{{/verified}}{{#role}}<span class="sv-testimonials__role"{{^fromProject}}{{@edit items.role}}{{/fromProject}}>{{role}}</span>{{/role}}</span></div></div><figcaption class="sv-testimonials__caption"><span class="sv-testimonials__name" id="sv-{{@id}}-{{id}}"{{^fromProject}}{{@edit items.name}}{{/fromProject}}>{{name}}</span>{{#role}}<span class="sv-testimonials__role"{{^fromProject}}{{@edit items.role}}{{/fromProject}}>{{role}}</span>{{/role}}</figcaption></figure>{{/items}}</div><button type="button" class="sv-carousel__arrow sv-carousel__arrow--prev" aria-label="{{prevLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m15 6-6 6 6 6"/></svg></button><button type="button" class="sv-carousel__arrow sv-carousel__arrow--next" aria-label="{{nextLabel}}"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m9 6 6 6-6 6"/></svg></button></div>{{/photoCards}}{{/showContent}}</div>